
<html>
<head>
    <#include "../common/header.ftl">
    <link rel="stylesheet" href="/sell/css/style.css">
</head>

<body>
    <#--这是一个banner-->
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="carousel slide" id="carousel-423724">
                <ol class="carousel-indicators">
                    <li data-slide-to="0" data-target="#carousel-423724">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-423724" class="active">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-423724">
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item">
                        <img alt="" src="http://ibootstrap-file.b0.upaiyun.com/lorempixel.com/1600/500/sports/2/default.jpg" />
                        <div class="carousel-caption">
                            <h1>
                                欢迎来到youngPeng Sell APP
                            </h1>
                            <p>
                                <h2>后台管理系统</h2>
                            </p>
                        </div>
                    </div>
                    <div class="item active">
                        <img alt="" src="http://ibootstrap-file.b0.upaiyun.com/lorempixel.com/1600/500/sports/2/default.jpg" />
                        <div class="carousel-caption">
                            <h2>
                                一起加油，只为梦想的生活
                            </h2>
                            <p>
                                <h2>自律让我们自由</h2>
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="http://ibootstrap-file.b0.upaiyun.com/lorempixel.com/1600/500/sports/2/default.jpg" />
                        <div class="carousel-caption">
                            <h1>
                               快，迎着风，向前冲
                            </h1>
                            <p>
                                <h2>别BB, SHOW YOU CODE!</h2>
                            </p>
                        </div>
                    </div>
                </div> <a class="left carousel-control" href="#carousel-423724" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-423724" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
        </div>
        <div class="col-md-4 column">
        </div>
    </div>
</div>

    <#--导航栏-->
    <div class="home">
        <h1 class="mytitle"><center>欢迎来到主页</center></h1>
        <center>
        <ul>
            <li >
                <a style="color: red" href="http://localhost:8080/sell/seller/auth/login?openid=111">★1点击自动登陆</a>
            </li>
            <li >
                <a href="http://localhost:8080/sell/seller/auth/relogin">youngPeng微空间</a>
                <img src="/sell/img/wx.png" width="60px" height="60px" />
            </li>
            <li>
                <a href="http://localhost:8080/sell/seller/auth/relogin">youngPeng企鹅空间</a>
                <img src="/sell/img/qq.jpg" width="60px" height="60px" />
            </li>
        </ul>
        </center>
    </div>

</body>
<style>
    body{
      background-color: #402d5c;
    }
    .home{
        align-content: center;
        margin: 10px auto;
    }
    .home ul{
        list-style: none;
        margin-top: 30px;
    }
    .home ul li{
        margin-top: 20px;
        float: left;
        margin-left: 50px;
    }

    .home ul li:last-child{
        padding-bottom: 50px;
    }
    .home ul li a{
        width: 100%;
        height: 200px;
        border: #00a0dc 2px solid;
        border-radius: 10px;
        color: white;
        font-size: 36px;
        text-decoration: none;
    }

    .home ul li a:hover{
        font-size: 40px;
        padding: 9px;
        margin-top: 15px;
        color: chartreuse;
    }

    .home .mytitle{
        color: rgb(9, 216, 9);
        margin-top: 20px;

    }

</style>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</html>